<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title id="header">汉服荟商城 - 选购原创正品汉服</title>
    <link rel="stylesheet" href="./css/reset.css" />
    <!-- 商品主页css -->
    <link rel="stylesheet" href="./css/index.css" />
    <!-- 商品详情css -->
    <link rel="stylesheet" href="./css/particulars.css" />
    <!-- axios -->
    <script src="./js/axios.min.js"></script>
    <link rel="stylesheet" href="./icon-font/iconfont.css" />
  </head>
  <body>
    <!-- 导航 -->
    <div class="header">
      <div class="header_top">
        <div class="header_center">
          <a class="log" href="./index.html"></a>
          <div class="header_centerRight">
            <div class="headerSearch">
              <input
                type="text"
                name=""
                id=""
                placeholder="请输入你要搜索的商品或店铺"
              />
              <p></p>
            </div>
            <div class="headerLohin">
              <a href="./reg.html">注册</a>
              <i>|</i>
              <a href="./login.html">登录</a>
            </div>
          </div>
        </div>
      </div>
      <div class="header_bottom">
        <!-- 购物车 -->
        <div class="goods">
          <p><i class="goodsNum">1</i></p>
          <span class="iconfont icon-gouwuchekong"></span>
        </div>
        <div class="headerNav">
          <ul class="headerNav_left">
            <li><a href="./index.html" id="cor">首页</a></li>
            <li><a href="./pets.html" id="cor">萌物库</a></li>
            <li><a href="./brand.html" id="cor">品牌馆</a></li>
            <li>
              <a href="https://www.hanfuhui.com/" target="_blank" id="cor"
                >同袍社区</a
              >
            </li>
          </ul>
          <div class="headerNav_right">
            <a href="#">
              <i></i>
              <span>店铺入驻</span>
            </a>
          </div>
        </div>
      </div>
    </div>
    <!-- 商品详情 -->
    <div class="particulars">
      <div class="particulars_left"></div>
      <div class="particulars_right">
        <div class="prtTop">
          <p>钟灵记.挽清竹:——形制参考实物直播</p>
        </div>
        <div class="price_box">
          <div class="price">
            <i>￥</i>
            <span id="particularsSpan">88.00-282.00</span>
          </div>
          <div class="deal">
            <span>交易成功：</span>
            <i>529</i>
          </div>
        </div>

        <div class="size">
          <div class="sku">
            <span>尺码</span>
            <ul>
              <li>默认</li>
            </ul>
          </div>
          <div class="skuStyle">
            <span>样式</span>
            <ul>
              <li>X</li>
              <li>M</li>
              <li>L</li>
              <li>XL</li>
              <li>均码</li>
            </ul>
          </div>
        </div>
        <div class="num">
          <span>库存</span>
          <p>542件</p>
        </div>

        <div class="buyGos">
          <button>－</button><span>1</span><button>＋</button>
          <p id="btn1">立即下单</p>
          <p id="btn2">加入购物车</p>
        </div>

        <div class="save">
          <i id="star"></i>
          <span>已种草</span>
          <span>（88人已种）</span>
        </div>
      </div>
    </div>
    <!-- <script src="./js/index.js"></script> -->
    <script src="./js/particulars.js"></script>
  </body>
</html>
